<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
<style type="text/css">
	#container{
		width: 100%;
		border: 6px solid red; 
		margin-left: auto;
		margin-right: auto; /* 좌우 여백 동일하게 해서 중앙 정렬*/		
	}
	#header{
		padding:5px;
		border-bottom: 1px solid black;
	}
	#main{
		padding: 5px;
		height: 550px;		
		float:left;  /* left로 부유위치를 지정해 left와 main이 수평배치하도록 한다.*/
		border-left: 1px solid black;
	}
	#footer{
		padding: 5px;
		height: 70px;
		border-top: 1px solid black;
		clear:both;
	}
</style>
</head>
<div id="container">	
	<div id="header"><tiles:insertAttribute name="header"/></div>
	<div id="main"><tiles:insertAttribute name="main"/></div>
	<div id="footer"><tiles:insertAttribute name="footer"/></div>
</div>
</html>